<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>安评项目备案待办已办</title>
    <script src="../../js/header.js"></script>
    <style type="text/css">
        html, body, #app {
            padding: 0px;
            margin: 0px;
        }

        #app {
            border-top: 3px solid #0D9AFF;
            background: #FFFFFF;
            box-shadow: 0px 2px 4px 0 rgba(200, 200, 200, 0.50);
            padding: 25px;
            background: url(../../images/bg.png) no-repeat;
            background-size: cover;
            /*background-attachment: fixed;*/
        }

        .tab-title {
            font-size: 16px;
            font-weight: bold;
            border-left: 4px solid #0D9AFF;
            font-family: PingFangSC-Medium;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        .pagination {
            text-align: center;
            margin-top: 30px;
        }

        .el-dialog__footer {
            padding: 10px 20px 20px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .el-dialog__body {
            color: rgb(96, 98, 102);
            font-size: 14px;
            word-break: break-all;
            padding: 0px 20px;
        }

        .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            width: 100%;
        }
    </style>
</head>

<body>
<div v-cloak id="app">
    <!--待办：审定弹窗-->
    <div v-if="linkStatus=='1'">
        <div style="margin-top: 0px;">
            <el-form :model="checkrecordProject" :rules="rules" ref="checkrecordProject" label-width="140px">
                <!--建设工程情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设工程情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7">
                        <el-form-item label="项目名称:" prop="recordProjectName" label-width="110px">
                            <el-input v-model="checkrecordProject.recordProjectName" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="17">
                        <el-form-item label="项目场址:" prop="recordProjectAddress" label-width="110px">
								<span v-for="(item,index) in checkrecordProject.address">
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.provinceValue'" :rules="rules.provinceValue">
											<el-select v-model="item.provinceValue" placeholder="请选择省" @change="chooseProvince(item)" style="">
												<el-option
                                                        v-for="items in item.provinceData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.cityValue'" :rules="rules.cityValue">
											<el-select v-model="item.cityValue" placeholder="请选择市" @change="chooseCity(item)" style="">
												<el-option
                                                        v-for="items in item.cityData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.areaValue'" :rules="rules.areaValue">
											<el-select v-model="item.areaValue" placeholder="请选择区、县" @change="chooseArea(item)" style="">
												<el-option
                                                        v-for="items in item.areaData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
							       </el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                      <span>—</span>
	                                </el-col>
									<el-col :span="7">
										<el-form-item>
											<el-input v-model="item.detailAddress" placeholder="填写详细地址" ></el-input>
										</el-form-item>
							       </el-col>
								    <el-button v-if="index=='0'" size="mini" @click="addAddress()" icon="el-icon-circle-plus-outline" style="margin-left: 8px;" disabled>跨省</el-button>
								    <el-button v-if="index!='0'" size="mini" @click="delAddress(index,item)" icon="el-icon-delete" style="margin-left: 8px;" disabled>删除</el-button>
								</span>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7">
                        <el-form-item label="工程类别:" prop="recordProjectType" label-width="120px">
                            <el-form-item prop="projectType">
                                <el-select  v-model="checkrecordProject.recordProjectType" style="width: 325px"placeholder="请选择" @change="syChangeValue" disabled>
                                    <el-option label="涉核设施" value="0"></el-option>
                                    <el-option label="国家水电工程" value="1"></el-option>
                                    <el-option label="特殊设防类工程" value="2"></el-option>
                                    <el-option label="严重次生灾害工程" value="3"></el-option>
                                    <el-option label="省级重大建设工程" value="4"></el-option>
                                    <el-option label="重要基础设施" value="5"></el-option>
                                    <el-option label="其他" value="6"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--建设单位信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设单位信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="单位名称:" prop="recordUnitName" label-width="90px">
                            <el-input v-model="checkrecordProject.recordUnitName" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="recordUnitUser" label-width="110px">
                            <el-input v-model="checkrecordProject.recordUnitUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="5">
                        <el-form-item label="电话" prop="recordUnitPhone" label-width="110px">
                            <el-input v-model="checkrecordProject.recordUnitPhone" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="18">
                        <el-form-item label="营业执照号码或三证合一证照号码:" prop="recordUnitCode" label-width="240px">
                            <el-input v-model="checkrecordProject.recordUnitCode" placeholder="" disabled></el-input>
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="法人:" prop="recordUnitLegal" label-width="110px">
                            <el-input v-model="checkrecordProject.recordUnitLegal" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="18">
                        <el-form-item label="单位地址:" prop="recordUnitLocation" label-width="120px">
                            <el-input v-model="checkrecordProject.recordUnitLocation" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--安评项目情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        安评项目情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="承担单位名称:" prop="recordProjectUnitname" label-width="110px">
                            <el-input v-model="checkrecordProject.recordProjectUnitname" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="委托合同额:" prop="recordProjectContractAmount" label-width="150px">
                            <el-input v-model="checkrecordProject.recordProjectContractAmount" placeholder="" disabled style="width:170px"></el-input> 万元
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="联系人:" prop="recordProjectUser" label-width="180px">
                            <el-input v-model="checkrecordProject.recordProjectUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col span="8">
                        <el-form-item label="电话:" prop="recordProjectPhone" label-width="110px">
                            <el-input v-model="checkrecordProject.recordProjectPhone" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="8">
                        <el-form-item label="承担单位法人:" prop="recordProjectLegal" label-width="150px">
                            <el-input v-model="checkrecordProject.recordProjectLegal" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="8">
                        <el-form-item label="承担单位技术负责人:" prop="recordProjectDirector" label-width="180px">
                            <el-input v-model="checkrecordProject.recordProjectDirector" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="安评工作开始时间:" prop="apStartTime" label-width="140px">
                            <el-date-picker type="date" v-model="checkrecordProject.apStartTime"placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="安评工作结束时间:" prop="apEndTime" label-width="150px">
                            <el-date-picker type="date" v-model="checkrecordProject.apEndTime" placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="审定单位名称:" prop="recordProjectCheckunit" label-width="180px">
                            <el-input v-model="checkrecordProject.recordProjectCheckunit" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="审定完成时间:" prop="recordProjectCheckTime" label-width="120px">
                            <el-date-picker type="date" placeholder="选择日期" v-model="checkrecordProject.recordProjectCheckTime" value-format="yyyy-MM-dd" disabled>
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="审定部门意见:" prop="recordProjectView" label-width="150px">
                            <el-select  v-model="checkrecordProject.recordProjectView" placeholder="请选择" style="width: 180px;" disabled>
                                <el-option label="同意" value="1"></el-option>
                                <el-option label="不同意" value="0"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="备案级别:" prop="recordLevel" label-width="180px">
                            <el-select v-model="checkrecordProject.recordLevel" placeholder="请选择备案级别" disabled>
                                <el-option label="地市级" value="0"></el-option>
                                <el-option label="省级" value="1"></el-option>
                                <el-option label="国家级" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="附件:" label-width="110px">
                            <iframe width="100%" scrolling="no" style="height:200px;border: none;"
                                    :src="link"></iframe>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--项目备案信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        项目备案信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="备案时间:" prop="recordTime" label-width="110px">
                            <el-date-picker
                                    disabled
                                    v-model="checkrecordProject.recordTime"
                                    type="date"
                                    placeholder="">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案人员:" prop="recordUser" label-width="110px">
                            <el-input v-model="checkrecordProject.recordUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案部门:" prop="recordOrg" label-width="110px">
                            <el-input v-model="checkrecordProject.recordOrg" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注:" prop="recordRemark" label-width="110px">
                            <el-input
                                    disabled
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder=""
                                    v-model="checkrecordProject.recordRemark">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--审定信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        审定信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="审定人员:" prop="checkUser" label-width="110px">
                            <el-input v-model="checkrecordProject.checkUser" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="审定人员机构:" prop="checkUserOrg">
                            <el-input v-model="checkrecordProject.checkUserOrg" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="审定结果:" prop="checkResult" label-width="110px">
                            <el-select v-model="checkrecordProject.checkResult" placeholder="请选择">
                                <el-option label="同意" value="1"></el-option>
                                <el-option label="不同意" value="0"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="审定意见:" prop="checkView" label-width="110px">
                            <el-input
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder="请输入内容"
                                    v-model="checkrecordProject.checkView">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;"
                                       @click="checkonSubmit('checkrecordProject')">审定
                            </el-button>
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="resetForm('checkrecordProject');checkCancel()">取消
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </div>

    <!--已办-->
    <!--查看弹窗-->
    <div v-if="linkStatus=='2'||linkStatus=='3'">
        <div style="margin-top: 0px;">
            <el-form :model="viewrecordProject" :rules="rules" ref="viewrecordProject" label-width="140px">
                <!--建设工程情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设工程情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7">
                        <el-form-item label="项目名称:" prop="recordProjectName" label-width="110px">
                            <el-input v-model="viewrecordProject.recordProjectName" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="17">
                        <el-form-item label="项目场址:" prop="recordProjectAddress" label-width="110px">
									<span v-for="(item,index) in checkrecordProject.address">
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.provinceValue'" :rules="rules.provinceValue">
											<el-select v-model="item.provinceValue" placeholder="请选择省" @change="chooseProvince(item)" style="">
												<el-option
                                                        v-for="items in item.provinceData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.cityValue'" :rules="rules.cityValue">
											<el-select v-model="item.cityValue" placeholder="请选择市" @change="chooseCity(item)" style="">
												<el-option
                                                        v-for="items in item.cityData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.areaValue'" :rules="rules.areaValue">
											<el-select v-model="item.areaValue" placeholder="请选择区、县" @change="chooseArea(item)" style="">
												<el-option
                                                        v-for="items in item.areaData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
							       </el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                      <span>—</span>
	                                </el-col>
									<el-col :span="7">
										<el-form-item>
											<el-input v-model="item.detailAddress" placeholder="填写详细地址" ></el-input>
										</el-form-item>
							       </el-col>
								    <el-button v-if="index=='0'" size="mini" @click="addAddress()" icon="el-icon-circle-plus-outline" style="margin-left: 8px;" disabled>跨省</el-button>
								    <el-button v-if="index!='0'" size="mini" @click="delAddress(index,item)" icon="el-icon-delete" style="margin-left: 8px;" disabled>删除</el-button>
								</span>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7">
                        <el-form-item label="工程类别:" prop="recordProjectType" label-width="110px">
                            <el-form-item prop="projectType">
                                <el-select  v-model="checkrecordProject.recordProjectType"  style="width: 325px" placeholder="请选择" @change="syChangeValue" disabled>
                                    <el-option label="涉核设施" value="0"></el-option>
                                    <el-option label="国家水电工程" value="1"></el-option>
                                    <el-option label="特殊设防类工程" value="2"></el-option>
                                    <el-option label="严重次生灾害工程" value="3"></el-option>
                                    <el-option label="省级重大建设工程" value="4"></el-option>
                                    <el-option label="重要基础设施" value="5"></el-option>
                                    <el-option label="其他" value="6"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--建设单位信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设单位信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="单位名称:" prop="recordUnitName" label-width="90px">
                            <el-input v-model="viewrecordProject.recordUnitName" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="recordUnitUser" label-width="110px">
                            <el-input v-model="viewrecordProject.recordUnitUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="5">
                        <el-form-item label="电话" prop="recordUnitPhone" label-width="110px">
                            <el-input v-model="viewrecordProject.recordUnitPhone" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="18">
                        <el-form-item label="营业执照号码或三证合一证照号码:" prop="recordUnitCode" label-width="240px">
                            <el-input v-model="viewrecordProject.recordUnitCode" placeholder="" disabled></el-input>
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="法人:" prop="recordUnitLegal" label-width="110px">
                            <el-input v-model="viewrecordProject.recordUnitLegal" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="18">
                        <el-form-item label="单位地址:" prop="recordUnitLocation" label-width="110px">
                            <el-input v-model="viewrecordProject.recordUnitLocation" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--安评项目情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        安评项目情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="承担单位名称:" prop="recordProjectUnitname" label-width="110px">
                            <el-input v-model="viewrecordProject.recordProjectUnitname" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="委托合同额:" prop="recordProjectContractAmount" label-width="170px">
                            <el-input v-model="viewrecordProject.recordProjectContractAmount" placeholder="" disabled style="width:170px"></el-input> 万元
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="recordProjectUser" label-width="150px">
                            <el-input v-model="viewrecordProject.recordProjectUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col span="8">
                        <el-form-item label="电话:" prop="recordProjectPhone" label-width="110px">
                            <el-input v-model="viewrecordProject.recordProjectPhone" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="8">
                        <el-form-item label="承担单位法人:" prop="recordProjectLegal" label-width="150px">
                            <el-input v-model="viewrecordProject.recordProjectLegal" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="8">
                        <el-form-item label="承担单位技术负责人:" prop="recordProjectDirector" label-width="180px">
                            <el-input v-model="viewrecordProject.recordProjectDirector" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="安评工作开始时间:" prop="apStartTime" label-width="180px">
                            <el-date-picker type="date" v-model="viewrecordProject.apStartTime"placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="安评工作结束时间:" prop="apEndTime" label-width="180px">
                            <el-date-picker type="date" v-model="viewrecordProject.apEndTime" placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="审定单位名称:" prop="recordProjectCheckunit" label-width="150px">
                            <el-input v-model="viewrecordProject.recordProjectCheckunit" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="审定完成时间:" prop="recordProjectCheckTime" label-width="110px">
                            <el-date-picker type="date" placeholder="选择日期" v-model="viewrecordProject.recordProjectCheckTime" value-format="yyyy-MM-dd" disabled>
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="审定部门意见:" prop="recordProjectView" label-width="150px">
                            <el-select  v-model="viewrecordProject.recordProjectView" placeholder="请选择" style="width: 180px;" disabled>
                                <el-option label="同意" value="1"></el-option>
                                <el-option label="不同意" value="0"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="备案级别:" prop="recordLevel" label-width="180px">
                            <el-select v-model="viewrecordProject.recordLevel" placeholder="请选择备案级别" disabled>
                                <el-option label="地市级" value="0"></el-option>
                                <el-option label="省级" value="1"></el-option>
                                <el-option label="国家级" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="附件:" label-width="110px">
                            <iframe width="100%" scrolling="no" style="height:200px;border: none;"
                                    :src="link"></iframe>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--项目备案信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        项目备案信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="备案时间:" prop="recordTime" label-width="110px">
                            <el-date-picker
                                    disabled
                                    v-model="viewrecordProject.recordTime"
                                    type="date"
                                    placeholder="">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案人员:" prop="recordUser" label-width="110px">
                            <el-input v-model="viewrecordProject.recordUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案部门:" prop="recordOrg" label-width="110px">
                            <el-input v-model="viewrecordProject.recordOrg" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注:" prop="recordRemark" label-width="110px">
                            <el-input
                                    disabled
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder=""
                                    v-model="viewrecordProject.recordRemark">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--审定信息-->
                <!--审定信息：审定状态为2：审定未过 、3：审定通过 时展示审定信息-->
                <div v-if="viewrecordProject.status==2 || viewrecordProject.status==3">
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            审定信息
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="6">
                            <el-form-item label="审定人员:" prop="checkUser" label-width="110px">
                                <el-input v-model="viewrecordProject.checkUser" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="审定人员机构:" prop="checkUserOrg">
                                <el-input v-model="viewrecordProject.checkUserOrg" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="审定结果:" prop="checkResult" label-width="110px">
                                <el-select v-model="viewrecordProject.checkResult" placeholder="请选择" disabled>
                                    <el-option label="同意" value="1"></el-option>
                                    <el-option label="不同意" value="2"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="审定意见:" prop="checkView" label-width="110px">
                                <el-input
                                        disabled
                                        type="textarea"
                                        :autosize="{ minRows: 8, maxRows: 8}"
                                        placeholder="请输入内容"
                                        v-model="viewrecordProject.checkView">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </div>
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="viewCancel()">取消
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </div>
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data() {
            return {
            	orgLevel:'',
                userName:'',
                orgName:'',
                linkId: '', // 项目ID
                linkStatus: '', // 状态码
                uuid: '',// uuid
                link: '',// iframe链接
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                tableTotal: '',
                address:[{
                	provinceValue:'',
	                cityValue:'',
	                areaValue:'',
                	provinceData:[],
                	cityData:[],
                	areaData:[]
                }], 
                viewrecordProject: {
                    address:[{
                        provinceValue:'',
                        cityValue:'',
                        areaValue:'',
                        detailAddress:'',
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    }],
                    recordUnitLocation:'',
                    apStartTime:'',
                    apEndTime : '',
                    recordProjectName: '',
                    recordProjectAddress: '',
                    recordProjectType: '',
                    recordUnitName: '',
                    recordUnitUser: '',
                    recordUnitPhone: '',
                    recordUnitCode: '',
                    recordUnitLegal: '',
                    recordProjectUnitname: '',
                    recordProjectContractAmount: '',
                    recordProjectUser: '',
                    recordProjectPhone: '',
                    recordProjectLegal: '',
                    recordProjectDirector: '',
                    recordProjectCheckunit: '',
                    recordProjectCheckTime: '',
                    recordProjectView: '',
                    recordProjectFj: '',
                    recordTime: '',
                    recordUser: '',
                    recordOrg: '',
                    recordRemark: '',
                    status: '',
                    checkUser: '',
                    checkUserOrg: '',
                    checkResult: '',
                    checkView: '',
                    createUserId: '',
                    createTime: '',
                    updateUserId: '',
                    updateTime: '',
                    delFlag: '',
                    reportStatus: '',
                    recordLevel: ''
                },
                checkrecordProject: {
                    address:[{
                        provinceValue:'',
                        cityValue:'',
                        areaValue:'',
                        detailAddress:'',
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    }],
                    recordUnitLocation:'',
                    apStartTime:'',
                    apEndTime : '',
                    recordProjectName: '',
                    recordProjectAddress: '',
                    recordProjectType: '',
                    recordUnitName: '',
                    recordUnitUser: '',
                    recordUnitPhone: '',
                    recordUnitCode: '',
                    recordUnitLegal: '',
                    recordProjectUnitname: '',
                    recordProjectContractAmount: '',
                    recordProjectUser: '',
                    recordProjectPhone: '',
                    recordProjectLegal: '',
                    recordProjectDirector: '',
                    recordProjectCheckunit: '',
                    recordProjectCheckTime: '',
                    recordProjectView: '',
                    recordProjectFj: '',
                    recordTime: '',
                    recordUser: '',
                    recordOrg: '',
                    recordRemark: '',
                    status: '',
                    checkUser: '',
                    checkUserOrg: '',
                    checkResult: '',
                    checkView: '',
                    createUserId: '',
                    createTime: '',
                    updateUserId: '',
                    updateTime: '',
                    delFlag: '',
                    reportStatus: '',
                    recordLevel: ''
                },
                rules: {
                    recordProjectName: [{
                        required: true,
                        message: '请输入项目名称',
                        trigger: 'blur'
                    }],
                    provinceValue: [{
                        required: true,
                        message: '请选择省',
                        trigger: 'change'
                    }],
                    cityValue: [{
                        required: true,
                        message: '请选择市',
                        trigger: 'change'
                    }],
                    areaValue: [{
                        required: true,
                        message: '请选择区、县',
                        trigger: 'change'
                    }],
                    recordProjectAddress: [{
                        required: true,
                        message: '请输入项目地址',
                        trigger: 'blur'
                    }],
                    recordProjectType: [{
                        required: true,
                        message: '请选择工程类别',
                        trigger: 'blur'
                    }],
                    recordUnitName: [{
                        required: true,
                        message: '请输入单位名称',
                        trigger: 'blur'
                    }],
                    recordUnitUser: [{
                        required: true,
                        message: '请输入联系人',
                        trigger: 'blur'
                    }],
                    recordUnitPhone: [{
                        required: true,
                        message: '请输入电话',
                        trigger: 'blur'
                    }],
                    recordUnitCode: [{
                        required: true,
                        message: '请输入营业执照号码或三证合一证照号码',
                        trigger: 'blur'
                    }],
                    recordUnitLegal: [{
                        required: true,
                        message: '请输入法人',
                        trigger: 'blur'
                    }],
                    recordProjectUnitname: [{
                        required: true,
                        message: '请输入承担单位名称',
                        trigger: 'blur'
                    }],
                    recordProjectContractAmount: [{
                        required: true,
                        message: '请输入委托合同额',
                        trigger: 'blur'
                    }],
                    recordProjectUser: [{
                        required: true,
                        message: '请输入联系人',
                        trigger: 'blur'
                    }],
                    recordProjectPhone: [{
                        required: true,
                        message: '请输入电话',
                        trigger: 'blur'
                    }],
                    recordProjectLegal: [{
                        required: true,
                        message: '请输入承担单位法人',
                        trigger: 'blur'
                    }],
                    recordProjectDirector: [{
                        required: true,
                        message: '请输入承担单位技术负责人',
                        trigger: 'blur'
                    }],
                    recordProjectCheckunit: [{
                        required: true,
                        message: '请输入审定单位名称',
                        trigger: 'blur'
                    }],
                    recordProjectCheckTime: [{
                        required: true,
                        message: '请选择审定完成时间',
                        trigger: 'blur'
                    }],
                    recordProjectView: [{
                        required: true,
                        message: '请选择审定部门意见',
                        trigger: 'blur'
                    }],
                    recordLevel: [{
                        required: true,
                        message: '请选择备案级别',
                        trigger: 'blur'
                    }],
                    fujian: [{
                        required: true,
                        message: '请输入附件',
                        trigger: 'blur'
                    }],
                    recordTime: [{
                        required: true,
                        message: '请选择备案时间',
                        trigger: 'blur'
                    }],
                    startDate: [{
                        type: 'date',
                        required: true,
                        message: '请选择日期',
                        trigger: 'change'
                    }],
                    endDate: [{
                        type: 'date',
                        required: true,
                        message: '请选择时间',
                        trigger: 'change'
                    }],
                    recordUser: [{
                        required: true,
                        message: '请输入备案人员',
                        trigger: 'blur'
                    }],
                    recordOrg: [{
                        required: true,
                        message: '请输入备案部门',
                        trigger: 'blur'
                    }],
                    subDepartment: [{
                        required: true,
                        message: '请输入备注',
                        trigger: 'blur'
                    }],
                    remarks: [{
                        required: false,
                        message: '请输入备注',
                        trigger: 'blur'
                    }],
                    checkUser: [{
                        required: true,
                        message: '请输入审定人员',
                        trigger: 'blur'
                    }],
                    checkUserOrg: [{
                        required: true,
                        message: '请输入审定人员机构',
                        trigger: 'blur'
                    }],
                    checkResult: [{
                        required: true,
                        message: '请输入审定结果',
                        trigger: 'blur'
                    }],
                    checkView: [{
                        required: true,
                        message: '请输入审定意见',
                        trigger: 'blur'
                    }],
                    // 拟制公告公开状态
                    publicState: [{
                        required: true,
                        message: '请选择公开状态',
                        trigger: 'blur'
                    }],
                    // 拟制公共--公开地址类型
                    publicType: [{
                        required: true,
                        message: '请选择公开地址类型',
                        trigger: 'blur'
                    }],
                    // 拟制公告标题
                    title: [{
                        required: true,
                        message: '请输入拟制公告标题',
                        trigger: 'blur'
                    }],
                    recordUnitLocation: [{
                        required: true,
                        message: '请输入建设单位地址',
                        trigger : 'blur'
                    }],
                    apStartTime : [{
                        required: true,
                        message: '请选择安评工作开始时间',
                        trigger: 'blur'
                    }],
                    apEndTime : [{
                        required: true,
                        message : '请选择安评工作结束时间',
                        trigger : 'blur'
                    }]
                },
            }
        },
        created() {
            axios.get('../../json/ChinaCity.json').then(res => {
                this.provinceData = res.data;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })
            // 获取登录用户信息
            var userInfo = JSON.parse(localStorage.getItem('userInfo'));
            this.orgLevel = userInfo.orgLevel;
            // 中国地震局 ==> 中国, 山东省-济南市地震局 ==> 山东省-济南市
            this.orgName = userInfo.orgName.replace("地震局", "");
            this.userName=userInfo.loginName;
        },
        mounted() {
            var url = window.location.href;
            this.linkId = url.split("?")[1].split("=")[1];
            this.uuid=this.linkId;
            this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
            this.getData();
        },
        methods: {
            getData() {
                var pagesize = this.pagesize;
                var pageno = this.currentPage - 1;
                axios({
                    method: 'post',
                    url: '/dzjap/aprecord/getAprecord',
                    params: {
                        id: this.linkId
                    }
                }).then(response => {
                        console.log(response)
                        if (response.data.code == 200) {
                            this.viewrecordProject = response.data.data;
                            if(this.viewrecordProject.recordLandType == '0' || this.viewrecordProject.recordLandType == '3'){
	            				this.LandType = '0';
			            	}else{
			            		this.LandType = '1';
			            	}
			                var arr = this.viewrecordProject.recordProjectAddress.split(",");
                            this.viewrecordProject.address=[];
                            for(let i=0;i<arr.length;i++){
                                this.viewrecordProject.address.push({
                                    provinceValue:arr[i].split("-")[0],
                                    cityValue:arr[i].split("-")[1],
                                    areaValue:arr[i].split("-")[2],
                                    detailAddress:arr[i].split("-")[3],
                                    provinceData:[],
                                    cityData:[],
                                    areaData:[]
                                })
                            }
                            this.checkrecordProject = response.data.data;
                            this.checkrecordProject.checkUser=this.userName;
                			this.checkrecordProject.checkUserOrg=this.orgName+"地震局";
                            if(this.checkrecordProject.recordLandType == '0' || this.checkrecordProject.recordLandType == '3'){
	            				this.LandType = '0';
			            	}else{
			            		this.LandType = '1';
			            	}
			                var arr = this.checkrecordProject.recordProjectAddress.split(",");
                            this.checkrecordProject.address=[];
                            for(let i=0;i<arr.length;i++){
                                this.checkrecordProject.address.push({
                                    provinceValue:arr[i].split("-")[0],
                                    cityValue:arr[i].split("-")[1],
                                    areaValue:arr[i].split("-")[2],
                                    detailAddress:arr[i].split("-")[3],
                                    provinceData:[],
                                    cityData:[],
                                    areaData:[]
                                })
                            }
                            this.linkStatus = response.data.data.status;
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            // 重置
            resetForm(formName) {
                this.$refs[formName].resetFields();
            },
            // 审定提交
            checkonSubmit(formName) {
                console.log(this.checkrecordProject.recordId);
                this.$refs[formName].validate((valid) => {
                    if (valid) {
		                axios({
		                    method: 'post',
		                    url: '/dzjap/aprecord/check/' + this.checkrecordProject.recordId,
		                    // data中必须有recordId
		                    data: this.checkrecordProject
		                }).then((res) => {
		                    console.log(res);
		                    if (res.data.code == 200) {
		                        // 提交成功将要执行的代码
		                        this.getData();
		                        this.$message({
		                            message: '审定成功',
		                            type: 'success'
		                        });
		                        this.checkCancel();
		                    }
		                });
		            } else {
	                    console.log("error!!");
	                    return false;
	                }
                });
            },
            // 调用父页面方法关闭弹窗
            checkCancel() {
                parent.vm.prorecordCancel();
            },
            viewCancel() {
                parent.vm.prorecordCancel();
            },
            handleChange(file, fileList) {
                this.fileList = fileList.slice(-3);
            }
        }

    })
</script>
</body>
</html>